<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>    
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户信息</title>
<meta name="decorator" content="default" />

</head>
<body>
	<div class="boxcontent">
		<div class="content">
			<div class="l-left-small">
				<div class="tnav">
					<div class="linenav"><a href="${ctx}/sys/user/info" class="select" target="thirdcontent">个人信息<i class="current"></i></a></div>
					<div class="linenav"><a href="${ctx}/sys/user/modifyPwd" target="thirdcontent">修改密码<i class=""></i></a></div>
				</div>
			</div>
			<div class="l-right-big">
				<iframe name="thirdcontent" id="contentMain" src="${ctx}/sys/user/info" frameborder="false" scrolling="auto" style="border:none;" width="100%" height="550" allowtransparency="true">
				
				</iframe>
			</div>
			<div class="clear"></div>
		</div>	
	</div>
	<jsp:include page="/WEB-INF/views/include/pageJs.jsp" />
	<script>
		$(function(){
			//tnav导航条切换效果
			$(".tnav").find("a").on("click", function(){
				$(".tnav").find("a").removeClass("select").children("i").removeClass("current");
				$(this).addClass("select").children("i").addClass("current");
			});
			
			//三级导航与右侧iframe高度调整
			var rhight,lheight;
			$("#contentMain").on("load",function () {
				var sonHeight = $(this).contents().find(".boxcontent").height();
				if(sonHeight>550){
					$(this).height(sonHeight);
					$(".l-right-big").height(sonHeight);
				    $(".l-left-small").height(sonHeight+2);
				  	//子页面iframe加载完毕后调整父iframe的高度
				    $("#contentMain",window.parent.document).height(sonHeight+40);
				}
				else{
					$(this).height(550);
					$(".l-right-big").height(550);
				    $(".l-left-small").height(552);
				  	//子页面iframe加载完毕后调整父iframe的高度
				    $("#contentMain",window.parent.document).height(590);
				}
				
			});
			
		});
	</script>
</body>
</html>